<template>
  <div class="extractManagement">
    <knowledgesettings></knowledgesettings>
    <!-- <el-card>
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="知识体系模板" name="first">
          <knowledge></knowledge>
        </el-tab-pane>
        <el-tab-pane label="知识点抽取" name="second">
          <knowledgepointe></knowledgepointe>
        </el-tab-pane>
        <el-tab-pane label="知识点关系设置" name="third">
          <knowledgedscript></knowledgedscript>
        </el-tab-pane>
        <el-tab-pane label="知识点描述设置" name="fourth">
          
          <div class="wordcloud-box">
            <wordcloud></wordcloud>
          </div>
        </el-tab-pane>
      </el-tabs>
    </el-card> -->
  </div>
</template>
<script lang='tsx' setup>
//引入知识模版体系
import knowledge from '@/template/Knowledge.vue'
import knowledgepointe from '@/template/knowledge_points.vue'
import knowledgedscript from '@/template/Knowledge_description.vue'
import knowledgesettings from '@/template/Knowledge_settings.vue'
import type { TabsPaneContext } from 'element-plus'
import { reactive } from 'vue'
import preview from '../preview/index.vue'
import relationshipDialog from './relationshipDialog.vue'
import wordcloud from './wordcloud.vue'
import { useRouter, useRoute } from 'vue-router'
const router = useRouter()
const route = useRoute()



const activeName = ref('first')
// const activeName = ref('fourth')
const textareaValue = ref('')
const curComponent = ref(preview)
const radioChapter = ref('第一章')
const formInline = reactive({
  user: '',
  region: '',
  date: ''
})
const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
const getFormData = () => {
  console.log(route.query.chapter)
  console.log(route.query.isbn)
  console.log(formInline)
  // try {
  //   const data = await DebrisAPI.page(queryParams)
  //   list.value = data.list
  //   total.value = data.total
  // } finally {
  //   loading.value = false
  // }
}
getFormData()
</script>
<style lang='scss' scoped>
.extractManagement {
  width: 100%;
  // height: calc(100vh - 35px - 50px - 40px) !important;

  .el-card {
    height: 100% !important;
  }


}
.wordcloud-box {
  border: 1px solid red;
  width: 500px;
  height: 300px;
}
</style>
